
<template>
	<!-- 校区工作台 -->
	<main-box>
		<el-row :gutter="30">
			<el-col :span="3">
				<el-button type="text" style="width:100%;font-size:0.18rem;color:#666666;" :style="selectPanel==1?'color:#333333;font-weight:bold;':''"
				 @click="selectPanel=1">教学计划</el-button>
			</el-col>
			<el-col :span="3">
				<el-button type="text" style="width:100%;font-size:0.18rem;color:#666666;" :style="selectPanel==2?'color:#333333;font-weight:bold;':''"
				 @click="selectPanel=2">教学课程</el-button>
			</el-col>
			<el-col :span="3">
				<el-button type="text" style="width:100%;font-size:0.18rem;color:#666666;" :style="selectPanel==3?'color:#333333;font-weight:bold;':''"
				 @click="selectPanel=3">计划模板设置</el-button>
			</el-col>
		</el-row>
		<!-- 教学计划 -->
		<div v-if="selectPanel==1">
			<planTeaching ref="planTeaching"></planTeaching>
		</div>
		<!-- 教学课程 -->
		<div v-else-if="selectPanel==2">
			<planCourse ref="planCourse"></planCourse>
		</div>
		<!-- 计划模板设置 -->
		<div v-else-if="selectPanel==3">
			<planTemplate ref="planTemplate"></planTemplate>
		</div>
		
	</main-box>
</template>

<script>
	import planTeaching from './common/plan_teaching'
	import planTemplate from './common/plan_template'
	import planCourse from './common/plan_course'
	export default{
		components:{planTeaching,planTemplate,planCourse},
		data(){
			return {
				selectPanel:1,
			}
		},
		methods:{
			campusChange : function(campusId) { //校区改变
				let refName=['','planTeaching','planCourse','planTemplate'];
				this.$refs[refName[this.selectPanel]].campusChange(campusId);
			},
		},
		mounted(){
			
		},
		computed:{
			
		},
		watch:{

		}
	}
</script>

<style lang="scss" scoped>
	


	/*自定义滚动条样式*/
	// .box-tasks::-webkit-scrollbar {
	// 	// height: 0.08rem;
	// 	width: 0.05rem;
	// }
	// .box-tasks::-webkit-scrollbar-thumb {
	// 	border-radius: 0.5rem;
	// 	background: #BBBBBB;
	// }
	// .box-tasks::-webkit-scrollbar-track {
	// 	background: rgba(242, 246, 252, 0);
	// }	

	
</style>
<style scoped src="@/style/module/table.css"></style>